---
id: 64a66c917a7d00f97013ed0d
title: Блокова модель. Запитання F
challengeType: 15
dashedName: the-box-model-question-f
--- 
# --description--

Щоб бути успішним у CSS, для початку потрібно знати про блокову модель. Це не складно, але якщо пропустити це поняття — пізніше буде складніше.

Будь-що на вебсторінці є прямокутним блоком. Ці блоки можуть містити інші блоки, а також можуть знаходитись поруч. Щоб краще розібратись з цим, додайте кордон до кожного елемента вебсторінки:

```css
* {
  border: 1px solid red;
}
```

# --assignment--

Додайте кордон до кожного елемента на сторінці та подивіться, як розміщені блоки.

# --question--

## --text--

Яке основне поняття у CSS дозволяє зрозуміти структуру елементів як прямокутних блоків?

## --answers--

Розмір блоку

---

Тінь блоку

---

Блокова модель

---

Кордон блоку


## --video-solution--

3
